
<!doctype html>
<html lang="en" xmlns:th="http://www.thymelead.org">
  <head>
    <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>Datum | CRM Admin Dashboard Template</title>
      
      <link rel="stylesheet" href="../assets/css/backend-plugin.min.css">
      <link rel="stylesheet" href="../assets/css/backend.css">  </head>
  <body class="  ">
    <!-- loader Start -->
    <div id="loading">
          <div id="loading-center">
          </div>
    </div>
    <!-- loader END -->
    <!-- Wrapper Start -->
    <div class="wrapper">
        <div th:replace="~{common/left-side-nav::left-side-nav}"></div>
        <div th:replace="~{common/top-nav::top-nav}"></div>
      <div class="content-page">

    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="d-flex flex-wrap align-items-center justify-content-between">
                   <div class="d-flex align-items-center justify-content-between">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb p-0 mb-0">
                                <li class="breadcrumb-item"><a href="salesChannces.html" th:href="salesChannces">销售机会</a></li>
                                <li class="breadcrumb-item active" aria-current="page">添加机会</li>
                            </ol>
                        </nav>
                    </div>
                    <a th:href="@{salesChannces}" class="btn btn-primary btn-sm d-flex align-items-center justify-content-between">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" viewbox="0 0 20 20" fill="currentColor">
                            <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
                        </svg>
                        <span class="ml-2">返回</span>
                    </a>
                </div>
            </div>
            <div class="col-lg-12 mb-3 d-flex justify-content-between">
                <h4 class="font-weight-bold d-flex align-items-center">添加机会</h4>
            </div>            
        </div>
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6">
                        <h5 class="font-weight-bold pb-3">客户信息</h5>
                        <form class="row g-3">
                            <div class="col-md-12 mb-3">
                                <label for="cstName" class="form-label font-weight-bold text-muted text-uppercase">客户名称</label>
                                <input type="text" class="form-control" id="cstName" >
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="channcesSource" class="form-label font-weight-bold text-muted text-uppercase">机会来源</label>
                                <input type="text" class="form-control" id="channcesSource">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="linkmanName" class="form-label font-weight-bold text-muted text-uppercase">联系人姓名</label>
                                <input type="text" class="form-control" id="linkmanName">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="phone" class="form-label font-weight-bold text-muted text-uppercase">联系电话</label>
                                <input type="text" class="form-control" id="phone">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="abstractInfo" class="form-label font-weight-bold text-muted text-uppercase">概要信息</label>
                                <input type="text" class="form-control" id="abstractInfo">
                            </div>
                        </form>
                    </div>
                    <div class="col-lg-6">
                        <h5 class="font-weight-bold pb-3">机会信息</h5>
                        <form class="row g-3">
<!--                            <div class="col-md-6 mb-3">-->
<!--                                <label for="Text5" class="form-label font-weight-bold text-muted text-uppercase">概要信息</label>-->
<!--                                <input type="text" class="form-control vanila-datepicker datepicker-input" id="Text5" placeholder="DD MM YYYY">-->
<!--                            </div>-->
                            <div class="col-md-12 mb-3">
                                <label for="successChances" class="form-label font-weight-bold text-muted text-uppercase">成功几率</label>
                                <input type="text" class="form-control" id="successChances">
                            </div>
                            <div class="col-md-12 mb-3">
                                <label for="createTime" class="form-label font-weight-bold text-muted text-uppercase">创建时间</label>
                                <input type="text" class="form-control" id="createTime">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="actTime" class="form-label font-weight-bold text-muted text-uppercase">实施时间</label>
                                <input type="text" class="form-control" id="actTime">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="status" class="form-label font-weight-bold text-muted text-uppercase">机会状态</label>
                                <input type="text" class="form-control" id="status">
                            </div>
<!--                            <div class="col-md-12 mb-3">-->
<!--                                <label class="form-label font-weight-bold text-muted text-uppercase">Payment Method</label><br>-->
<!--                                <div class="btn-group" role="group" aria-label="Basic outlined example">-->
<!--                                    <button type="button" class="btn btn-outline-primary active">Credit Card</button>-->
<!--                                    <button type="button" class="btn btn-outline-primary">PayPal</button>-->
<!--                                    <button type="button" class="btn btn-outline-primary">Apple Pay</button>-->
<!--                                </div>-->
<!--                            </div>-->
                            <div class="col-md-12 mb-3">
                                <label for="describeinfo" class="form-label font-weight-bold text-muted text-uppercase">机会描述</label>
                                <textarea class="form-control" rows="3" id="describeinfo" ></textarea>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body p-0">
                <ul class="list-group list-group-flush">
                    <li class="list-group-item p-3">
                        <h5 class="font-weight-bold mb-3">Order Items</h5>
                        <div class="modal-product-search d-flex">
                                <form class="mr-3 position-relative">
                                    <div class="form-group mb-0">
                                    <input type="text" class="form-control" id="exampleInputText" placeholder="Search Product">
                                    <a class="search-link" href="#">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="" width="20" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                                        </svg>
                                    </a>
                                    </div>
                                </form>	 
                            </div>
                    </li>
                    <li class="list-group-item p-0">
                        <div class="table-responsive">
                            <table class="table mb-0">
                                <thead>
                                    <tr class="text-muted">
                                    <th scope="col">Product</th>
                                    <th scope="col" class="text-center">Quantity</th>
                                    <th scope="col" class="text-center">Price</th>
                                    <th scope="col" class="text-center"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="active-project-1 d-flex align-items-center mt-0 ">
                                                <div class="h-avatar is-medium">
                                                    <img class="avatar avatar-60 rounded" alt="user-icon" src="../assets/picture/12.jpg">
                                                </div>
                                                <div class="data-content">
                                                    <div>
                                                    <span class="font-weight-bold">FivePlus Nord 5G</span>                           
                                                    </div>
                                                    <p class="m-0 mt-1">
                                                    (12GB RAM, 256GB Storage)
                                                    </p>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center">
                                            <div class="d-flex align-items-center justify-content-center">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="20" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                                </svg>
                                                1 
                                                <svg xmlns="http://www.w3.org/2000/svg" class="ml-2" width="20" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                                </svg>
                                            </div>                                            
                                        </td>
                                        <td class="text-center">
                                            $2,399.99
                                        </td>
                                        <td class="text-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
                                            </svg>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="active-project-1 d-flex align-items-center mt-0 ">
                                                <div class="h-avatar is-medium">
                                                    <img class="avatar avatar-60 rounded" alt="user-icon" src="../assets/picture/17.jpg">
                                                </div>
                                                <div class="data-content">
                                                    <div>
                                                    <span class="font-weight-bold">Bassheads 220 Wired Headset</span>                           
                                                    </div>
                                                    <p class="m-0 mt-1">
                                                    Molten Orange, In the Ear
                                                    </p>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-center">
                                            <div class="d-flex align-items-center justify-content-center">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="mr-2" width="20" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                                </svg>
                                                1 
                                                <svg xmlns="http://www.w3.org/2000/svg" class="ml-2" width="20" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                                </svg>
                                            </div>
                                        </td>
                                        <td class="text-center">
                                            $74.98
                                        </td>
                                        <td class="text-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" fill="none" viewbox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
                                            </svg>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div> 
                    </li>
                    <li class="list-group-item p-3">
                        <div class="d-flex justify-content-end align-items-center">
                            Total: <p class="ml-2 mb-0 font-weight-bold">$2,474.97</p>
                            <button class="btn btn-primary ml-5 btn-sm">Create Order</button>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

      </div>
    </div>
    <!-- Wrapper End-->
    <footer class="iq-footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6">
                    <ul class="list-inline mb-0">
                        <li class="list-inline-item"><a href="privacy-policy.html">Privacy Policy</a></li>
                        <li class="list-inline-item"><a href="terms-of-service.html">Terms of Use</a></li>
                    </ul>
                </div>
                <div class="col-lg-6 text-right">
                    <span class="mr-1">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                </div>
            </div>
        </div>
    </footer>    <!-- Backend Bundle JavaScript -->
    <script src="../assets/js/backend-bundle.min.js"></script>
    <!-- Chart Custom JavaScript -->
    <script src="../assets/js/customizer.js"></script>
    
    <script src="../assets/js/sidebar.js"></script>
    
    <!-- Flextree Javascript-->
    <script src="../assets/js/flex-tree.min.js"></script>
    <script src="../assets/js/tree.js"></script>
    
    <!-- Table Treeview JavaScript -->
    <script src="../assets/js/table-treeview.js"></script>
    
    <!-- SweetAlert JavaScript -->
    <script src="../assets/js/sweetalert.js"></script>
    
    <!-- Vectoe Map JavaScript -->
    <script src="../assets/js/vector-map-custom.js"></script>
    
    <!-- Chart Custom JavaScript -->
    <script src="../assets/js/chart-custom.js"></script>
    <script src="../assets/js/01.js"></script>
    <script src="../assets/js/02.js"></script>
    
    <!-- slider JavaScript -->
    <script src="../assets/js/slider.js"></script>
    
    <!-- Emoji picker -->
    <script src="../assets/js/index.js" type="module"></script>
    
    
    <!-- app JavaScript -->
    <script src="../assets/js/app.js"></script>  </body>
</html>